{extend name="public/base"/}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/bootstrap-editable.css">
{/block}
{block name="body"}
<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<div class="pull-left">
			<h2>{$meta_title}</h2>
		</div>
		<div class="pull-right">
			<a class="btn btn-info" href="{:url('index?refresh=1')}">更 新</a>
			<a class="btn btn-primary" href="{:url('add')}">新 增</a>
			<button class="btn btn-danger ajax-post confirm" url="{:url('del')}" target-form="ids">删 除</button>
		</div>
	</header>
	<div class="main-box-body clearfix">
		<div class="table-responsive clearfix">
			<table class="table table-hover">
				<thead>
					<tr>
						<th><input class="checkbox check-all" type="checkbox"></th>
						<th>ID</th>
						<th>名称</th>
						<th>标识</th>
						<th>描述</th>
						<th>状态</th>
						<th>作者</th>
						<th>版本</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					{volist name="list" id="item"}
					<tr>
						<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$item['id']}"></td>
						<td>{$item['id']|default=0}</td>
						<td>{$item['title']}</td>
						<td>{$item['name']}</td>
						<td>{$item['description']}</td>
						<td>{$item['status_text']}</td>
						<td>{$item['author']}</td>
						<td>{$item['version']}</td>
						<td>
							{if !$item['isinstall']}
							<a href="{:url('install?addon_name='.$item['name'])}" class="ajax-get">安装</a>
							{else/}
							<a href="{:url('uninstall?id='.$item['id'])}" class="confirm ajax-get">卸载</a>
							{if $item['status']}
							<a href="{:url('disable?id='.$item['id'])}" class="confirm ajax-get">禁用</a>
							{else/}
							<a href="{:url('enable?id='.$item['id'])}" class="confirm ajax-get">启用</a>
							{/if}
							<a href="{:url('config?id='.$item['id'])}">设置</a>
							{/if}
						</td>
					</tr>
					{/volist}
				</tbody>
			</table>
			{$page}
		</div>
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="__PUBLIC__/js/bootstrap-editable.min.js"></script>
<script type="text/javascript">
$(function() {
	//点击排序
	$('.item_sort').click(function(){
		var url = $(this).attr('url');
		var ids = $('.ids:checked');
		var param = '';
		if(ids.length > 0){
			var str = new Array();
			ids.each(function(){
				str.push($(this).val());
			});
			param = str.join(',');
		}

		if(url != undefined && url != ''){
			window.location.href = url + '/ids/' + param;
		}
	});
	$.fn.editable.defaults.mode = 'popup';
	$.fn.editableform.buttons = '<button type="submit" class="btn btn-success editable-submit btn-mini"><i class="fa fa-check-square-o fa-white"></i></button>' +
	'<button type="button" class="btn editable-cancel btn-mini"><i class="fa fa-times"></i></button>';
	$('.editable').editable();
});
</script>
{/block}